@charset "UTF-8";
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.alone_head_box, .alone_body_box, .alone_foot_box {
  padding: 20px 0 0 20px;
}
.alone_box {
  width: 30%;
  display: inline-block;
  margin-right: 3%;
  font-size: 0;
}
.page_box, .num_box {
  display: inline-block;
  vertical-align: middle;
}
.page_box {
  width: 40%;
  height: 120px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  position: relative;
}
.page_box img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.page_1 {
  background: #6ccbc9;
}
.page_2 {
  background: #ff6c60;
}
.page_3 {
  background: #f9d346;
}
.num_box {
  width: 60%;
  height: 120px;
  background: #fff;
  border: 1px solid #eee;
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.num_box p {
  font-size: 36px;
  color: #333;
  margin-top: 26px;
  text-align: center;
}
.num_box p:last-child {
  font-size: 14px;
  margin-top: 0;
}
.alone_table_box {
  width: 30%;
  margin-right: 3%;
  display: inline-block;
}
.alone_table {
  border-collapse:collapse;
  width: 100%;
}
.alone_table th {
  font-size: 18px;
  text-align: center;
}
.alone_table td, .alone_table th {
  border: 1px solid #eee;
  height: 40px;
}
.alone_table td.first_td {
  text-align: right;
  width: 40%;
  padding-right: 5px;
}
.alone_table td.last_td {
  text-align: center;
}
.alone_table td.last_td span {
  color: red;
  margin: 0 5px;
}
.alone_foot_box_in {
  width: 100%;
  padding: 10px 10px 10px 0;
  border: 1px solid #eee;
}
.btn_box {
  width: 100px;
  height: 100px;
  margin-left: 10px;
  font-size: 0px;
  display: inline-block;
  vertical-align: middle;
}
.bb_1 {
  background: #6eb3e1;
}
.bb_2 {
  background: #428bcb;
}
.bb_3 {
  background: #87b97e;
}
.bb_4 {
  background: #6eb3e1;
}
.bb_5 {
  background: #9585bf;
}
.bb_6 {
  background: #6eb3e1;
}
.bb_7 {
  background: #9585bf;
}
.btn_box figure {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 20px;
  text-align: center;
}
.btn_box figure img {
  text-align: center;
}
.btn_box figure figcaption a {
  display: inline-block;
  white-space:nowrap;
  text-align: center;
  color: #fff;
  margin-top: 5px;
}
